<template>
  <ma-form-modal
      ref="readRef"
      v-model:footer="footer"
      v-model:bodyStyle="prop.bodyStyle"
      title="详情"
      :column="prop.columns"
  />
</template>

<script setup>
import { ref } from 'vue'
import MaFormModal from '@/components/ma-form-modal/index.vue'

const readRef = ref()
const footer = ref(false)
const prop = defineProps({
  columns: {type: Array, default: []},
  bodyStyle: {
    type: Object,
    default: {
      overflowY: 'scroll',
      maxHeight: '90vh',
    },
  },
})

const open = (data) => {
  readRef.value.open(data)
}

defineExpose({ open })
</script>
